<template>
  <transition name="ffade">
    <div flex="main:center cross:center" v-if="isShow" class="bg-main1">
      <!--<img src="mImg/car_loading.gif"/>-->
      <i class="iconfont icon-jiazailoading-A f42 loading c2" flex="main:center cross:center"></i>
    </div>
  </transition>
</template>
<script>
  export default {
    props: {
      show: null
    },
    data() {
      return {}
    },
    computed: {
      isShow () {
        if (document.querySelector('#first_screen')) return false
        return this.show
      }
    },
    methods: {},
    components: {}
  }
</script>
<style type="text/scss" lang="scss" scoped>
  .loading {
      display: inline-block;
      animation: loading-rotate 1s linear infinite;
  }
  @keyframes loading-rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .ffade-leave-active{
    transition: all 0.4s;
  }

  .ffade-leave-active {
    opacity: 0;
  }
</style>
